/* ===========================
   ?? PAARS THEMA STYLESHEET
   =========================== */

/* custom font */
@import url('./font/Roboto.css');

/* general colors */
a { color:#b46ee0; }
body {
  font-family:'Roboto', sans-serif;
  background:#2a0033;
  color:#ffffff;
}
button { background:#4a0966; color:#fff; border:none; transition:background 0.3s ease; }
button:hover { background:#5d0d80; }

input,textarea,.post_input_container {
  background:#030f31;
  font-family:'Roboto', sans-serif, 'FontAwesome';
  border:1px solid rgba(123,134,171,0.149)!important;
  color:#fff;
}
.setdef { color:#fff; }

/* cookie box */
.cookie_wrap { background:#3b2357; color:#fff; }

/* hover & background effects */
.bback { background:rgba(255,255,255,0.05); }
.bbackb { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08); }
.bhover:hover { background:rgba(255,255,255,0.05); }
.bbackhover { background:rgba(255,255,255,0.05); }
.bbackhover:hover { background:rgba(255,255,255,0.03); }
.bbackhoverb { background:rgba(255,255,255,0.05); }
.bbackhoverb:hover { background:rgba(255,255,255,0.3); border:1px solid rgba(255,255,255,0.05); }
.blisting { border-bottom:1px solid rgba(255,255,255,0.03); }
.blisting:hover { background:rgba(255,255,255,0.04); }
.blist { border-bottom:1px solid rgba(255,255,255,0.03); }

/* panels & menus */
.back_ptop{background:#030f31;color:#fff}
.bpmenu:hover { background:rgba(255,255,255,0.05); }
.bsub { background:rgba(255,255,255,0.04); }
.bsub:hover { background:rgba(255,255,255,0.08); }
.bmenu, .submenu { border-bottom:1px solid rgba(255,255,255,0.03); }
.bmenu:hover, .submenu:hover { background:rgba(255,255,255,0.03); }

/* box shadow */
.bshadow, .page_element, .float_menu, .btnshadow, .pboxed { box-shadow:0 1px 3px rgba(0,0,0,0.4); }

/* selected items */
.bselected, .rselected { background:rgba(74,9,102,1); }
.pselected { color:#b46ee0; }
.cselected, .liked { background:rgba(255,255,255,0.08); }

/* pagination */
.pag_btn { background:rgba(255,255,255,0.05); }
.pagselected, .pag_btn:hover { background:rgba(255,255,255,0.1); }

/* tags & borders */
.gtag { background:#4a0966; border:1px solid rgba(255,255,255,0.05); }
.bborder { border-bottom:1px solid rgba(123,134,171,0.149); }
.tborder { border-top:1px solid rgba(123,134,171,0.149); }
.lborder, .ppanel { border-left:1px solid rgba(123,134,171,0.149); }
.rborder { border-right:1px solid rgba(123,134,171,0.149); }
.fborder { border:1px solid rgba(123,134,171,0.149); }

/* float top */
.float_top,.float_ctop { border-bottom:1px solid rgba(123,134,171,0.149); }

/* headers & footers */
.bhead, .bfoot {
  background:linear-gradient(180deg,
    #b46ee0 0%,
    #8e44ad 35%,
    #4a0966 70%,
    #2a0033 100%
  );
  color:#fff;
  box-shadow:
    inset 0 3px 6px rgba(255,255,255,.3),
    inset 0 -3px 6px rgba(0,0,0,.45),
    0 10px 25px rgba(0,0,0,.65);
}
.modal_top,.pro_top { background:#030f31; color:#fff; }
.foot{background:#010922;border-top:1px solid rgba(123,134,171,0.149);color:#fff}

/* major background elements */
#intro_top,.backglob {
  background:#010922 url('./images/background.png') no-repeat center/cover;
}
.back_chat, .back_panel, .back_pmenu {
  background:rgba(42,0,51,0.85);
  border-right:1px solid rgba(123,134,171,0.149);
}
.back_priv { background:#010922; }
.back_input { background:rgba(42,0,51,0.86); border-top:1px solid rgba(255,255,255,0.05); }
.back_modal { background:#1c0933; }
.page_element,.back_quote,.back_menu,.back_box { background:#2a0033; }

/* colors */
.theme_color { color:#b46ee0; }
.default_color { color:#8e44ad; }
.error { color:#d81818; }
.success { color:#74b20e; }
.warn { color:#f5a91e; }

/* buttons */
.theme_btn, .back_theme { background:#4a0966; color:#fff; }
.default_btn, .back_default { background:#8e44ad; color:#fff; }
.defaultd_btn { background:#444; color:#fff; }
.ok_btn { background:#74b20e; color:#fff; }
.warn_btn { background:#f5a91e; color:#fff; }
.delete_btn { background:#ac3737; color:#fff; }
.send_btn { color:#f6f6f6; }

/* usernames & text */
.user { color:#fff; }
.chat_system { color:#bbb; }
.offline { opacity:0.5; }

/* icons */
.menui, .subi { color:#fff; }

/* wall replies */
.reply_item { background:#1a0840; }

/* posts & input items */
.main_post_item, .input_item { color:#7b87a8; }

/* private chat bubbles */
.target_private, .hunt_quote { color:#fff; background:#8e44ad; }
.hunter_private, .targ_quote { color:#fff; background:#b46ee0; }

/* quote */
.cquote { background:rgba(255,255,255,0.08)!important; }
.cqname { color:#fff; }
.cqmess { color:#bbb; }

/* tabs */
.tab_menu{background:#030f31;box-shadow:0 1px 3px rgba(0,0,0,.4);}
.tab_selected { background:rgba(255,255,255,0.05); }

/* modals */
.modal_mback { background:rgba(255,255,255,0.04); }
.modal_mborder { border-bottom:1px solid rgba(255,255,255,0.08); }
.modal_selected { background:rgba(255,255,255,0.08); }
.modal_back { background-color:rgba(0,0,0,0.6); }
.modal_in { border:1px solid rgba(255,255,255,0.01); }

/* chat logs */
.log2 { background:rgba(255,255,255,0.01); }
.topic_log {
  background:rgba(74,9,102,0.55);
  color:#fff;
  margin:5px auto;
  border-radius:4px;
  width:95%;
  max-width:800px;
}
.chat_log:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.09);}

/* upload progress */
.bprogress { background:#74b20e; color:#fff; }

/* notifications */
.bnotify { background:#d81818; color:#fff; }
.foot_notify, .head_notify { border:1px solid #fff; }

/* date & subtext */
.sub_date, .sub_chat, .sub_priv { font-weight:700; color:#bbb; }
.sub_text, .list_mood { color:#bbb; font-weight:300; }

/* likes */
.plikes { background-color:rgba(100,100,100,0.2); color:#fff; }

/* spinner */
.bspin { color:rgba(255,255,255,0.3); }

/* chat notices */
.my_notice { color:#fff; background:#8e44ad; }
.system_text { background:rgba(255,255,255,0.05); color:#888; }

/* outside pages */
.back_page { background:#111; color:#fff; }

/* video posts */
.post_video { background:rgba(0,0,0,1); }

/* slider */
.boom_slider .ui-widget-content { background:#fff; }
.boom_slider .ui-state-default { background:#b46ee0 !important; }
.boom_slider .ui-state-active { background:#8e44ad !important; }
.boom_slider .ui-slider-range { background:#b46ee0; }

/* select dropdowns */
.selectboxit-list,.selectboxit-btn {
  background-color:#4a0966;
  border:1px solid rgba(123,134,171,0.149);
  color:#fff;
}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
  background-color:rgba(255,255,255,0.08);
  color:#fff;
}
.selectboxit-default-arrow { border-top:4px solid #bbb; }
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
  background:#030f31;
  box-shadow:inset 0 0 30px rgba(0,0,0,.439);
  color:#fff;
}
.selectboxit-options { background:#1a0840; color:#fff; }
.selectboxit-list .selectboxit-option-anchor { color:#bbb; }

/* responsive */
@media screen and (max-width: 1200px) {
  .back_panel, .back_pmenu { background:rgba(42,0,51,0.90); }
}